<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>资讯 - 77货源网</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/vant.css">
    <style>
        body {
            background: #FFF;
        }

        #app {
            padding: 0 0.25rem;
        }
    </style>
</head>
<body>
<div id="app" v-cloak>
    <template v-if="list==null">
		<div style="padding:30px;text-align:center;">
			<van-loading color="#1989fa"></van-loading>
		</div>
	</template>
	<template v-else>
		<section class="m-no" v-if="list.length==0">
            <div class="u-img"></div>
            <div class="u-spec">暂时没有找到货源</div>
        </section>
        <template v-else>
        	<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
	            <ul class="article_list">
	                <li v-for="(item,index) in list" :key="index">
	                    <a :href="'/index/detail/'+item.id+'.html'" :class="item.cover.length<=1?'disbox':''">
		                    <div class="info" :class="item.cover.length<=1?'disflex':''">
		                        <h3 class="Line2"><i v-if="item.is_class_rec==1">置顶</i><img v-if="item.is_belive" src="images/rztg.gif" style="display: inline-block;margin-right: 0.2rem;vertical-align: middle;margin-top: -2px;height: 0.28rem;">{{item.title}}</h3>
		                        <p class="ell">
		                            {{item.description}}
		                        </p>
		                        <div class="time"> <span v-html="$$.getDateDiff(item.create_time)"></span>前发布,已有{{item.views}}人看</div>
		                    </div>
		                    <div class="imageDiv clearfix" v-if="item.cover.length>1">
		                        <img :src="prop" class="image" v-for="(prop,i) in item.cover" :key="index">
		                    </div>
	                    	<img :src="item.cover[0]" class="image" v-else-if="item.cover.length==1">
		                </a>
	                </li>
	            </ul>
            </van-list>
        </template>
	</template>
	
    <div hidden>
    	            <a href="/index/detail/174.html">在77货源网如何找信誉商家！客户必看！</a>
                    <a href="/index/detail/20.html">77货源网广告合作 商家必看！</a>
                    <a href="/index/detail/3.html">如何在77货源网发布货源  商家必看!</a>
                    <a href="/index/detail/323.html">退出平台的商家 实时更新 客户必看！</a>
                    <a href="/index/detail/2.html">77货源网注册会员实名认证流程和步骤</a>
                    <a href="/index/detail/1.html">本站严禁发布以下类型货源</a>
                    <a href="/index/detail/126.html">【发文章必看】如何写搜索引擎喜爱的标题</a>
                    </div>


    <van-tabbar v-model="navIndex" :placeholder="true" active-color="rgb(3, 134, 255)">
        <van-tabbar-item icon="wap-home-o" url="../index-m.html">首页</van-tabbar-item>
        <van-tabbar-item icon="description" url="/index/zixun.html">资讯</van-tabbar-item>
        <van-tabbar-item icon="user-circle-o" url="/index/user/my.html">我的</van-tabbar-item>
    </van-tabbar>
</div>
<script src="../js/jquery-3.4.1.min.js" type="text/javascript"></script>
<script src="../js/vue.min.js" type="text/javascript"></script>
<script src="../js/vant.min.js" type="text/javascript"></script>
<script src="../js/common.js" type="text/javascript"></script>
<div style="display:none;"><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1279117397&web_id=1279117397"></script></div>
<script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data: {
            navIndex: 1,
            loading: false,
    		finished: false,
    		page:1,
    		list:null,
        },
        methods: {
        	onLoad() {
        		var _this = this;
        		_this.loading = true;
        		$$.ajax({
                    url: "/index/zixun.html",
                    data:{
                    	page:_this.page
                    },
                    method: "post",
                    success: function (res) {
                    	_this.loading = false;
                    	
                    	if(_this.page==1){
                    		_this.list = res.data.list;
                    	}else{
                    		_this.list = _this.list.concat(res.data.list);
                    	}
                        _this.page++;
                        
                        if(!res.data.hasMore){
                        	_this.finished = true;
                        }else{
                        	_this.finished = false;
                        }
                    }
                });
        	},
        },
        mounted: function () {
			this.onLoad();
        }
    });
</script>
</body>
</html>
